@use '../../scss/variables' as *;

.search-results {
  color: var(--primary-color);
  height: $toolbar-height;
  line-height: $toolbar-height;
  z-index: 100;
  border-top: 1px solid var(--secondary-color);
  background-color: var(--background-color);
  text-align: center;
  user-select: none;

  div {
    display: inline-block;
  }

  .search-results-next,
  .search-results-prev {
    float: right;
    padding: 0 6px;
    width: 42px;
    height: 100%;

    svg {
      fill: var(--accent-color);
    }
  }

  .search-results-next {
    margin-right: 6px;
  }

  .search-results-prev svg {
    transform: scaleX(-1);
  }

  @media only screen and (max-width: $single-column) {
    left: 0;
  }
}
